<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>神灯速贸</title>
        <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta content="telephone=no" name="format-detection" />
        <meta name="msapplication-tap-highlight" content="no"/>
        <link rel="stylesheet" href="../css/public.css">
        <link rel="stylesheet" href="../css/main.css">
        <script src="../js/zepto.min.js"></script>
        <script src="../js/iscroll.js"></script>
        <script src="../js/main.js"></script>
    </head>
    <body>
	    <header class="header" style="display: block;">
	        <div class="title">订单跟踪</div>
	        <a class="btn-back" href="#"><span>服务订单详情</span></a>
	    </header>

	    <div class="container">
	    	<div class="inquiry-page scroll-wrapper active">
		        <div class="inquiry-wrapper scroller order-trace">
					<ul class="inquiries">
						<li>
							<div class="inquiry">
								<div class="title">
									XD123456789<span class="order-tag-red">执行中</span>&nbsp;<span class="order-tag-red">贸</span>
								</div>
								<div class="inquiry-line">
									<span>服务项目：</span><span class="c-purple block-span">出口贸易代理，出口报关代理，国内运输，仓储运输，俄境运输，仓储</span>
								</div>
								<div class="inquiry-line"><span>服务供应商：</span><span>程林贸易服务有限公司</span></div>
							</div>
						</li>
					</ul>

					<div class="inquiry-detail">

						<div class="order-item inquiry-box">
							<div class="tit">
								出口报关
								<div class="sub-mark">
									<span class="btn-unfold">进度</span>
								</div>
							</div>
							<ul class="inquiries box-unfold">
								<li class="table">
									<div class="cell">
										<span class="order-icon">1</span>
										<i>准备货运单</i>
									</div>
									<div class="cell">
										<em>客服</em>
									</div>
									<div class="cell">
										<em>2015.07.04完成</em>
									</div>
								</li>
							</ul>
						</div>

						<div class="order-item inquiry-box">
							<div class="tit">
								出口报关
								<div class="sub-mark">
									<span class="btn-unfold">进度</span>
								</div>
							</div>
							<ul class="inquiries box-unfold">
								<li class="table">
									<div class="cell">
										<span class="order-icon">1</span>
										<i>准备货运单</i>
									</div>
									<div class="cell">
										<em>客服</em>
									</div>
									<div class="cell">
										<em>2015.07.04完成</em>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										<span class="order-icon">2</span>
										<i>准备货运单</i>
									</div>
									<div class="cell">
										<em>客服</em>
									</div>
									<div class="cell">
										<em>2015.07.04完成</em>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										<span class="order-icon">3</span>
										<i>准备货运单</i>
									</div>
									<div class="cell">
										<em>客服</em>
									</div>
									<div class="cell">
										<em>2015.07.04完成</em>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										<span class="order-icon">3</span>
										<i>电子报表</i>
									</div>
									<div class="cell">
										<em>客服</em>
									</div>
									<div class="cell">
										<em class="c-red">2015.07.04完成</em>
									</div>
								</li>
								<li class="table">
									<div class="cell">
										<span class="order-icon">4</span>
										<i>通关结束</i>
									</div>
									<div class="cell">
										<em>税务</em>
									</div>
									<div class="cell">
										<em>未开始</em>
									</div>
								</li>
							</ul>
						</div>

					</div>
				</div>
			</div>
		</div>
 		
		<script type="text/javascript">
			$(function(){
				$(".inquiry-page").height(h - 44);
				var scroller = new IScroll(".inquiry-page");

			    $(".tit").tap(function(){
			    	var item = $(this).parent()
			    	if(item.hasClass("active")){
			    		$(".order-item").removeClass("active");
			    	} else {
			    		$(".order-item").removeClass("active");
			    		item.addClass("active");
			    	}
			    	scroller.refresh();
			    })
			})
		</script>
    
    </body>
</html>